<section>
    <div class="row">
      <div class="col-md-6">
        <div class="card">
          <div class="card-header">
            <div class="card-title">Project Information</div>
          </div>
          <div class="card-body">
            <div class="form-group">
              <label for="email">ID</label>
              <input type="text" class="form-control" id="disableinput" placeholder="{{project.id}}" disabled>
            </div>
            <div class="form-group">
              <label for="email">Name</label>
              <input type="text" class="form-control" id="disableinput" placeholder="{{project.name}}" disabled>
            </div>
            <div class="form-group">
                <label for="email">Project Number</label>
                <input type="text" class="form-control" id="disableinput" placeholder="{{project.number}}" disabled>
              </div>
            <div class="form-group">
              <label for="email">Creation Date</label>
              <input type="text" class="form-control" id="disableinput" placeholder="{{project.createTime | date:short}}" disabled>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>